<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">

    <title>我的订单</title>
    <link rel="shortcut icon" href="/img/favicon.ico">

    <!-- global stylesheets -->
    <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/font-icon-style.css">
    <link rel="stylesheet" href="/css/style.default.css" id="theme-stylesheet">
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script type="text/javascript">
        // function(){
        //     $(".search-input").on("input propertychange", function() {
        //         var queryStr = $.trim($(".search-input").val());
        //         if(queryStr === ''){
        //             $(".list-content li").show();
        //         }else{
        //             // 以下是匹配某些列的内容，如果是匹配全部列的话就把find()和.parent()去掉即可
        //             $(".list-content li").hide().find(".code, .name").filter(":contains('"+queryStr+"')").parent("li").show();
        //             //$(".list-content").refresh(); //重新刷新列表把隐藏的dom结构去掉。
        //         }
        //     });
        // }

        function audit(id) {
            $.ajax({
                //请求方式
                type: "POST",
                //请求的媒体类型
                dataType: "json",
                //请求地址
                url: "/contract/findContractAudit",
                //数据，json字符串
                data: {"id": id},
                //请求成功
                success: function (data) {
                    console.log(data);
                    $("#att").attr("href", "/contract/download?id="+data.attId);
                    $("#orderId").val(data.orderId);
                },
                error: function (data) {
                    console.log(id);
                }
            });
        }
    </script>
    <!-- Core stylesheets -->
</head>

<body>
<!--====================================================
                        PAGE CONTENT
======================================================-->
<div class="content-inner form-cont">
    <div class="row">

        <div class="col-md-12">

            <!--***** BASIC FORM *****-->
            <div class="card form" id="form1">
                <div class="card-header">
                    <h3>订单查询</h3>
                </div>
                <br>
                <form>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="" style="width: 85px;" class=" col-form-label">订单编号</label>
                                <div class="col-9">
                                    <input name="orderNum" class="form-control" type="text" >
                                </div>
                            </div>
                            <div class="form-group">
                                <label style="width: 85px;"  class=" col-form-label">订单类型</label>
                                <div class="col-9">
                                    <select class="form-control">
                                        <option value="">选择类型</option>
                                        <option value="">公司服务</option>
                                        <option value="">法律文书</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label style="width: 85px;"  class=" col-form-label">订单状态</label>
                                <div class="col-9">
                                    <select class="form-control">
                                        <option value="">选择状态</option>
                                        <option value="">暂无</option>
                                        <option value=""></option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="example-datetime-local-input" style="width: 85px;" class=" col-form-label">创建日期</label>
                                <div class="col-9">
                                    <input name="createTime" class="form-control" type="datetime-local" value="yyyy-mm-ddT00:00">
                                </div>
                                <label for="example-datetime-local-input" style="width: 85px;" class=" col-form-label">至</label>
                                <div class="col-9">
                                    <input name="to" class="form-control" type="datetime-local" value="yyyy-mm-ddT00:00">
                                </div>
                            </div>
                            <button type="submit" class="btn btn-general btn-blue mr-2">查询</button>
                            <button type="reset" class="btn btn-general btn-white">重置</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="page-content d-flex align-items-stretch">
        <div class="content-inner chart-cont">
            <!--***** CONTENT *****-->
            <div class="row">
                <button type="button" class="btn btn-outline-primary" href="">正在办理订单</button>
                <table class="table table-hover">
                    <thead>
                    <tr class="bg-info text-white">
                        <th>#</th>
                        <th>产品名称</th>
                        <th>订单类型</th>
                        <th>金额（元）</th>
                        <th>订单状态</th>
                        <th>下一步流程</th>
                        <th>付款状态</th>
                        <th style="text-align: center;">操作</th>
                    </tr>
                    </thead>
                    <tbody id="table-detail">
                    <tr th:each="order:${orders}" th:if="${not #lists.isEmpty(order.products)}">
                        <th scope="row" th:text="${orderStat.count}">1</th>
                        <td th:text="${order.products[0].productName}">公司设立(核名)</td>
                        <td th:text="${order.products[0].productType}">公司服务</td>
                        <td th:text="${order.products[0].price}">1350.00</td>
                        <td th:text="${order.status}">暂无</td>
                        <td th:text="${order.nextStatus}">新设</td>
                        <td th:text="${order.payStatus}">已付款</td>
                        <td>
                            <a href="#" data-toggle="modal" data-target="#myModal">详情|</a>
                            <a th:if="${order.products[0].productName} eq '公司核名'" href="#" data-toggle="modal" data-target="#check">公司审核|</a>
                            <a th:if="${order.products[0].productName} eq '公司设立'" href="#" data-toggle="modal" data-target="#register">公司审核|</a>
                            <a th:if="${order.products[0].productName} eq '印章刻制'" href="#" data-toggle="modal" data-target="#seal">公司审核|</a>
                            <a th:if="${order.products[0].productName} eq '银行开户'" href="#" data-toggle="modal" data-target="#bank">公司审核|</a>
                            <a th:if="${order.products[0].productType} eq '合同服务'" href="#" data-toggle="modal" data-target="#auditModal" th:onclick="'javascript:audit('+${order.id}+')'">合同审批|</a>

                            <!--<a href="#">导出|</a>-->
                            <!--<a href="#">信息录入|</a>-->
                            <!--<a href="#">回传|</a>-->
                            <!--<a href="#">评价</a>-->
                        </td>
                        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                            &times;
                                        </button>
                                        <h4 class="modal-title" id="myModalLabel">
                                            填写信息详情
                                        </h4>
                                    </div>
                                    <div class="modal-body">
                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 订单编号：</label>
                                            <div class="col-9">
                                                <span th:text="${order.orderNum}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 订单名称：</label>
                                            <div class="col-9">
                                                <span th:text="${order.orderName}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 服务类型：</label>
                                            <div class="col-9">
                                                <span th:text="${order.products[0].productType}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 受理状态：</label>
                                            <div class="col-9">
                                                <span th:text="${order.status}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 订单状态：</label>

                                            <div class="col-9">
                                                <span th:text="${order.status}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 创建时间：</label>

                                            <div class="col-9">
                                                <span th:text="${order.createTime}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label">更新时间：</label>

                                            <div class="col-9">

                                                <span th:text="${order.updateTime}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label">创建人：</label>
                                            <div class="col-9">
                                                <span th:text="${order.createBy}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label">修改人：</label>

                                            <div class="col-9">

                                                <span th:text="${order.updateBy}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label">下一步流程：</label>

                                            <div class="col-9">
                                                <span th:text="${order.nextStatus}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label">支付状态：</label>

                                            <div class="col-9">
                                                <span th:text="${order.payStatus}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label">接收人：</label>

                                            <div class="col-9">

                                                <span th:text="${order.acceptUserId}"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                                        </button>
                                    </div>
                                </div><!-- /.modal-content -->
                            </div><!-- /.modal -->
                       </div></td>

                        <div th:if="${not #lists.isEmpty(order.companies)}" class="modal fade" id="check" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <form method="post" th:action="@{/approval/update/{id}(id=${order.id})}" enctype="multipart/form-data">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                            &times;
                                        </button>
                                        <h4 class="modal-title" id="myModalLabel">
                                            用户信息审核(公司核名)
                                        </h4>
                                    </div>
                                    <div class="modal-body">
                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 申请企业名称：</label>
                                            <div class="col-9">
                                                <span th:text="${order.companies[0].companyName}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 公司住所：</label>
                                            <div class="col-9">
                                                <span th:text="${order.companies[0].address}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 注册资本：</label>
                                            <div class="col-9">
                                                <span th:text="${order.companies[0].amount}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 出资方式：</label>
                                            <div class="col-9">
                                                <span th:text="${order.companies[0].amountType}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 投资人姓名：</label>

                                            <div class="col-9">
                                                <span th:text="${order.companies[0].investmentType}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 委托期限：</label>

                                            <div class="col-9">
                                                <span th:text="${order.companies[0].limitPeriod}"/>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 审核意见：</label>
                                            <div class="col-9">
                                                <textarea class="form-control" rows="5" name="content"></textarea>
                                            </div>
                                        </div>
                                            <div class="form-group">
                                                <label for="exampleInputFile" style="width: 85px;">上传线下文件</label>
                                                <input type="file" class="form-control-file" aria-describedby="fileHelp" name="uploadFile">
                                                <small id="fileHelp" class="form-text text-muted">上传线下文件后的模板</small>
                                            </div>
                                    </div>
                                    <div class="modal-footer">

                                        <input type="submit" name="result" value="审核成功"></input>
                                        <input type="submit" name="result" value="审核失败"></input>
                                    </div>
                                        </form>

                                </div><!-- /.modal-content -->
                            </div><!-- /.modal -->
                       </div>

                        <div th:if="${not #lists.isEmpty(order.companies)}" class="modal fade" id="register" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <form method="post" th:action="@{/approval/update/{id}(id=${order.id})}" enctype="multipart/form-data">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                            &times;
                                        </button>
                                        <h4 class="modal-title" id="myModalLabel">
                                            用户信息审核(公司设立)
                                        </h4>
                                    </div>
                                    <div class="modal-body">
                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 申请执照副本数量：</label>
                                            <div class="col-9">
                                                <span th:text="${order.companies[0].demandNum}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 原经营期限：</label>
                                            <div class="col-9">
                                                <span th:text="${order.companies[0].originalPeriod}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 新经营期限：</label>
                                            <div class="col-9">
                                                <span th:text="${order.companies[0].newPeriod}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 资本金变动类型：</label>
                                            <div class="col-9">
                                                <span th:text="${order.companies[0].amountChangeType}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 原增/减注册资：</label>

                                            <div class="col-9">
                                                <span th:text="${order.companies[0].beforeRegAmount}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 增/减资后注册资金：</label>

                                            <div class="col-9">
                                                <span th:text="${order.companies[0].afterRegAmount}"/>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 审核意见：</label>
                                            <div class="col-9">
                                                <textarea class="form-control" rows="5" name="content"></textarea>
                                            </div>
                                        </div>
                                            <div class="form-group">
                                                <label for="exampleInputFile" style="width: 85px;">上传线下文件</label>
                                                <input type="file" class="form-control-file" aria-describedby="fileHelp" name="uploadFile">
                                                <small id="fileHelp" class="form-text text-muted">上传线下文件后的模板</small>
                                            </div>
                                    </div>
                                    <div class="modal-footer">
                                        <input type="submit" name="result" value="审核成功"></input>
                                        <input type="submit" name="result" value="审核失败"></input>
                                    </div>
                                    </form>
                                </div><!-- /.modal-content -->
                            </div><!-- /.modal -->
                        </div>

                        <div th:if="${not #lists.isEmpty(order.companies)}" class="modal fade" id="seal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <form type="post" th:action="@{/approval/update/{id}(id=${order.id})}" enctype="multipart/form-data">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                            &times;
                                        </button>
                                        <h4 class="modal-title" id="myModalLabel">
                                            用户信息审核(印章刻制)
                                        </h4>
                                    </div>
                                    <div class="modal-body">

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 新公司印章名称：</label>
                                            <div class="col-9">
                                                <span th:text="${order.companies[0].newSeal}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 所需印章种类：</label>
                                            <div class="col-9">
                                                <span th:text="${order.companies[0].sealType}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 印章材质：</label>
                                            <div class="col-9">
                                                <span th:text="${order.companies[0].sealMaterial}"/>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 审核意见：</label>
                                            <div class="col-9">
                                                <textarea class="form-control" rows="5" name="description"></textarea>
                                            </div>
                                        </div>
                                            <div class="form-group">
                                                <label for="exampleInputFile" style="width: 85px;">上传线下文件</label>
                                                <input type="file" class="form-control-file" aria-describedby="fileHelp" name="uploadFile">
                                                <small id="fileHelp" class="form-text text-muted">上传线下文件后的模板</small>
                                            </div>
                                    </div>
                                    <div class="modal-footer">
                                        <input type="submit" name="result" value="审核成功"></input>
                                        <input type="submit" name="result" value="审核失败"></input>
                                    </div>

                                </form>

                                </div><!-- /.modal-content -->
                            </div><!-- /.modal -->
                       </div>

                        <div th:if="${not #lists.isEmpty(order.companies)}" class="modal fade" id="bank" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <form type="post" th:action="@{/approval/update/{id}(id=${order.id})}" enctype="multipart/form-data">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                            &times;
                                        </button>
                                        <h4 class="modal-title" id="myModalLabel">
                                            银行开户信息审核
                                        </h4>
                                    </div>
                                    <div class="modal-body">

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 是否已有选定的银行开基本户：</label>
                                            <div class="col-9">
                                                <span th:text="${order.companies[0].hasSelect}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 大额支付系统行号：</label>
                                            <div class="col-9">
                                                <span th:text="${order.companies[0].largePaymentNum}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 清算行行号：</label>
                                            <div class="col-9">
                                                <span th:text="${order.companies[0].clearingNum}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 联系电话：</label>
                                            <div class="col-9">
                                                <span th:text="${order.companies[0].contactPhone}"/>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 开户行名称：</label>

                                            <div class="col-9">
                                                <span th:text="${order.companies[0].bankName}"/>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 审核意见：</label>
                                            <div class="col-9">
                                                <textarea class="form-control" rows="5" name="description"></textarea>
                                            </div>
                                        </div>
                                            <div class="form-group">
                                                <label for="exampleInputFile" style="width: 85px;">上传线下文件</label>
                                                <input type="file" class="form-control-file" aria-describedby="fileHelp" name="uploadFile">
                                                <small id="fileHelp" class="form-text text-muted">上传线下文件后的模板</small>
                                            </div>
                                    </div>
                                    <div class="modal-footer">
                                        <input type="submit" name="result" value="审核成功"></input>
                                        <input type="submit" name="result" value="审核失败"></input>
                                    </div>
                                        </form>
                                </div><!-- /.modal-content -->
                            </div><!-- /.modal -->
                       </div>


                    </tr>

                    </tbody>

                    <!-- 合同审批模态框（Modal） -->
                    <div class="modal fade" id="auditModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                        &times;
                                    </button>
                                    <h4 class="modal-title" id="auditModalLabel">
                                        合同审批
                                    </h4>
                                </div>
                                <form method="post" th:action="@{~/contract/addContractApproval}">
                                    <div class="modal-body">
                                        <div class="form-group">
                                            <label for="exampleInputFile" style="width: 85px;">附件：</label>
                                            <a id="att">合同文档</a><br/>
                                        </div>
                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label">审核结果：</label>
                                            <div class="col-9">
                                                <input name="result" type="radio" value="成功" />成功
                                                <input name="result" type="radio" value="失败" />失败
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label">审核意见：</label>
                                            <div class="col-9">
                                                <textarea name="content" class="form-control" rows="5"></textarea>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="submit" class="btn btn-primary">提交</button>
                                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                                            </button>
                                        </div>
                                    </div><!-- /.modal-content -->
                                    <input id="orderId" type="hidden" name="orderId"/>
                                </form>
                            </div><!-- /.modal -->
                        </div>
                    </div>

                </table>
                <div  class="c-pages">
                    <div class="cp-item">
                        <span>共</span>
                        <span id="cp-count">0</span>
                        <span>条</span>
                    </div>
                    <div class="cp-item">
                        <span id="curr-page">1</span>
                        <span>/</span>
                        <span id="total-page">1</span>
                    </div>
                    <div class="cp-item">
                        <button id="home" class="btn btn-outline-primary">首页</button>
                        <button id="prev" class="btn btn-outline-primary">上页</button>
                        <input type="number" id="goToPage" />
                        <button id="goTo" class="btn btn-outline-primary">转到</button>
                        <button id="next" class="btn btn-outline-primary">下页</button>
                        <button id="last" class="btn btn-outline-primary">尾页</button>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<!-- 模态框（Modal） -->
<!--<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">-->
<!--<div class="modal-dialog">-->
<!--<div class="modal-content">-->
<!--<div class="modal-header">-->
<!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">-->
<!--&times;-->
<!--</button>-->
<!--<h4 class="modal-title" id="myModalLabel">-->
<!--订单详情-->
<!--</h4>-->
<!--</div>-->
<!--<div class="modal-body">-->
<!--<div class="form-group row">-->
<!--<label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 订单编号：</label>-->
<!--<div class="col-9">-->
<!--<span th:text="${order.orderNum}"/>-->
<!--</div>-->
<!--</div>-->

<!--<div class="form-group row">-->
<!--<label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 订单名称：</label>-->
<!--<div class="col-9">-->
<!--<span th:text="${order.orderName}"/>-->
<!--</div>-->
<!--</div>-->

<!--<div class="form-group row">-->
<!--<label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 服务类型：</label>-->
<!--<div class="col-9">-->
<!--<span th:text="${order.products[0].productType}"/>-->
<!--</div>-->
<!--</div>-->

<!--<div class="form-group row">-->
<!--<label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 受理状态：</label>-->
<!--<div class="col-9">-->
<!--<span th:text="${order.status}"/>-->
<!--</div>-->
<!--</div>-->

<!--<div class="form-group row">-->
<!--<label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 订单状态：</label>-->

<!--<div class="col-9">-->
<!--<span th:text="${order.status}"/>-->
<!--</div>-->
<!--</div>-->

<!--<div class="form-group row">-->
<!--<label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label"> 创建时间：</label>-->

<!--<div class="col-9">-->
<!--<span th:text="${order.createTime}"/>-->
<!--</div>-->
<!--</div>-->

<!--<div class="form-group row">-->
<!--<label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label">更新时间：</label>-->

<!--<div class="col-9">-->

<!--<span th:text="${order.updateTime}"/>-->
<!--</div>-->
<!--</div>-->

<!--<div class="form-group row">-->
<!--<label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label">创建人：</label>-->
<!--<div class="col-9">-->
<!--<span th:text="${order.createBy}"/>-->
<!--</div>-->
<!--</div>-->

<!--<div class="form-group row">-->
<!--<label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label">修改人：</label>-->

<!--<div class="col-9">-->

<!--<span th:text="${order.updateBy}"/>-->
<!--</div>-->
<!--</div>-->

<!--<div class="form-group row">-->
<!--<label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label">下一步流程：</label>-->

<!--<div class="col-9">-->
<!--<span th:text="${order.nextStatus}"/>-->
<!--</div>-->
<!--</div>-->

<!--<div class="form-group row">-->
<!--<label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label">支付状态：</label>-->

<!--<div class="col-9">-->
<!--<span th:text="${order.payStatus}"/>-->
<!--</div>-->
<!--</div>-->

<!--<div class="form-group row">-->
<!--<label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label">接收人：</label>-->

<!--<div class="col-9">-->

<!--<span th:text="${order.acceptUserId}"/>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="modal-footer">-->
<!--<button type="button" class="btn btn-default" data-dismiss="modal">关闭-->
<!--</button>-->
<!--</div>-->
<!--</div>&lt;!&ndash; /.modal-content &ndash;&gt;-->
<!--</div>&lt;!&ndash; /.modal &ndash;&gt;-->
<!--</div>-->
<!--Global Javascript -->
<script src="/js/jquery.min.js"></script>
<script src="/js/popper/popper.min.js"></script>
<script src="/js/tether.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/jquery.cookie.js"></script>
<script src="/js/jquery.validate.min.js"></script>
<script src="/js/chart.min.js"></script>
<script src="/js/front.js"></script>
<script src="/js/forpage.js"></script>
</body>

</html>